<ion-view title="生活服务" hide-nav-bar="false">
    <div class="bar bar-subheader">

        <div class="select-box item-icon-left item-icon-right" style="border-right: 1px solid rgba(80,80,80,0.6);">
            <i class="icon ion-android-contacts icon-my-light" style="font-size: 26px;"></i>
            <div class="select-outer">
                <select ng-model="serviceCateSelected" ng-options="op.name for op in serviceCates">
                    <option value="">服务类型</option>
                </select>
            </div>
            <i class="icon ion-ios7-arrow-down icon-my-light"></i>
        </div>
        <div class="select-box item-icon-left item-icon-right">
            <i class="icon ion-ios7-location icon-my-light" style="font-size: 26px;"></i>
            <div class="select-outer">
                <select ng-model="serviceCateSelected" ng-options="op.name for op in serviceCates">
                    <option value="">选择城市</option>
                </select>
            </div>
            <i class="icon ion-ios7-arrow-down icon-my-light"></i>
        </div>
    </div>
  <ion-content style="padding-top: 45px;">
    <ion-list>

     <!-- <ion-item class="item item-thumbnail-left" ng-repeat="bus in busList" type="item-text-wrap"  href="#">
        <img src="./img/001.jpg" style="vertical-align: middle">
        <img src="data:image/png;base64,{{bus.pic}}" style="vertical-align: middle">
        <span>{{bus.lname}}</span><br>
        <p style="font-size: 14px;line-height: 26px">{{bus.describe}}</p>
        <a href="#/tab/live/navigation/{{bus.coords}}/{{bus.lname}}/{{bus.city}}/{{bus.address}}">
          <i class="icon ion-location" style="font-size: 24px; color: #552bdf;vertical-align: middle;padding-top: -5px; "></i>
        </a>
          <span style="font-size: 14px">&nbsp;{{bus.address}}&nbsp;&nbsp;</span>


        <i class="icon ion-android-call" style="font-size: 16px;color: #552bdf"></i>
      </ion-item>
-->
      <ion-item class="item item-thumbnail-left" ng-repeat="bus in busList" type="item-text-wrap"  href="#/tab">
        <img src="./img/001.jpg" style="vertical-align: middle">
        <h2>标题{{bus.lname}}</h2>
        <p style="font-size: 14px;line-height: 26px">描述{{bus.describe}}</p>
        <div class="item item-clear item-inline ">
            <i class=" icon ion-location" style="font-size: 26px;color: #552bdf" ng-click="ss($event)"></i>
            <p>地址{{bus.address}}</p>
            <i class=" icon ion-android-call" style="font-size: 20px;color: #552bdf"></i>
        </div>

      </ion-item>
    </ion-list>

    <!--<div class="list">

      <a class="item item-thumbnail-left" href="#">
        <img src="./img/001.jpg">
        <h2>如家快捷酒店</h2>
        <p>经济型<br>address</p>
      </a>
    </div>-->
  </ion-content>
</ion-view>
